@import '../../../style/base.styl';
.container
	min-height 100vh
	box-sizing border-box
	background-image linear-gradient(#EBFFDC, #CAFFCD)
	padding 32rpx
	display flex
	flex-direction column
	.switch
		display flex
		height 100rpx
		font-size 28rpx
		.item
			display flex
			align-items center
			justify-content center
			color #66666D
			font-size 48rpx
			.text
				position relative
				display flex
				padding 0 30rpx
				align-items center
				height 100rpx
				&::after
					content ''
					position absolute
					bottom 0rpx
					left 50%
					right 50%
					width 0
					height 10rpx
					background: #fff
				&.selected
					color #2FB565
					font-size 60rpx
					font-family: SourceHanSansSC-Heavy, SourceHanSansSC;
					font-weight: 800;
					&::after
						height 8rpx
						left 6rpx
						right 100%
						width 90%
						background #2FB565
						transition all .3s
	.title
		display flex
		align-items center
		font-size 34rpx
		font-family PingFangSC-Medium, PingFang SC
		font-weight 500
		color #000
		padding 20rpx 0rpx
		&::before
			margin-right 8rpx
			content ''
			width 8rpx
			height 44rpx
			background $fontColor
	.canvas
		margin-top 20rpx
		height 300rpx
		overflow hidden
		& > ec-canvas
			width 90%
			height 90%
	.curve
		margin-bottom 120rpx
		padding 10rpx
		height 415rpx
		box-sizing border-box
		border-radius 20rpx
		background linear-gradient(46deg, #14AC69 0%, #84D157 100%)
